<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入less -->
    <script src="https://cdn.bootcss.com/less.js/3.10.3/less.js"></script>
    <!-- 页面的公共代码 初始化 -->
    <link rel="stylesheet" href="./css/base.css">

    <!-- 导入模板引擎js文件 -->
    <script src="./js/template-web.js"></script>
    <!-- 引入jq文件 -->
    <script src="./js/jquery-1.12.4.min.js"></script>
    <!-- 引入页面的样式 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入页面的JS -->
    <script src="./js/index.js"></script>
    <!--  引入flexible.js帮助适配全屏幕 -->
    <script src="./js/flexible.js"></script>




</head>

<body>
    <!-- 头部 -->
    <header>
        <h2><a href="#"><img src="./imgags/mlogo.png" alt=""></a></h2>
        <div class="secrch">
            <div class="secrch_connent">
                <i><img src="./imgags/放大镜.png" alt=""></i>
                <input type="text" placeholder="商品比价、查历史价">
            </div>
        </div>
        <div class="download"><a href="#">下载 </a></div>

    </header>
    <!-- 图标菜单 -->
    <div class="iconnews">
        <ul class="iconList"></ul>
    </div>

    <!-- 超值折扣推荐 -->
    <a href="#" class="chaozhi">
        <div class="chaozhihe">
            <span>超值折扣推荐</span>

        </div>
    </a>

    <!-- 超值多选 -->
    <div class="chaozhiduoxuan">
        <ul class="chaoList">

        </ul>
    </div>


    <!-- 图标的菜单渲染 -->
    <script type="text/template" id="icnonnews">
    {{each result}}
    <li class="List">
        <div> {{# $value.img}}</div>
        <p>{{$value.name}}</p>
    </li>

    {{/each}}
        </script>

    <!-- 超值多选渲染 -->
    <script type="text/html " id="chaoduoList">
    {{each result}}
  
    <li >
        <a href="#">
            <div class="pic">
                {{@ $value.productImg2}}
            </div>
            <div class="titled">{{$value.productName}}
                <br>
                <span>{{$value.productPinkage}}（需用券）</span>
            </div>
            <div class="other">
                <span class="xiao">{{$value.productFrom}} | {{$value.productTime}}</span>
            </div>
    
    
        </a>
    </li>
    {{/each}}
        </script>

</body>

</html>